<template>
	<view class="container">
		<!-- <view class="common-title">
			单站点
		</view> -->
		<!-- 
		<view class="part-common">
			<view class="item-icon">
				<view class="img-wrap">
					<image style="width: 68rpx; height: 68rpx;"  src="/static/imgnew/jyl.png" />
				</view>
				<view class="desc">
					降雨量
				</view>
			</view>
			<view class="item-icon">
				<view class="img-wrap">
					<image style="width: 68rpx; height: 68rpx;"  src="/static/imgnew/jlns.png" />
				</view>
				<view class="desc">
					径流泥沙
				</view>
			</view>
			<view class="item-icon">
				<view class="img-wrap">
					<image style="width: 68rpx; height: 68rpx;"  src="/static/imgnew/trsf.png" />
				</view>
				<view class="desc">
					土壤水分
				</view>
			</view>
			<view class="item-icon">
				<view class="img-wrap">
					<image style="width: 68rpx; height: 68rpx;"  src="/static/imgnew/tjgl.png" />
				</view>
				<view class="desc">
					田间管理
				</view>
			</view>
			<view class="item-icon">
				<view class="img-wrap">
					<image style="width: 68rpx; height: 68rpx;"  src="/static/imgnew/zwcc.png" />
				</view>
				<view class="desc">
					作物测产
				</view>
			</view>
		</view> -->
		
		<view class="common-title">
			所有站点
		</view>
		<view class="part-common">
			
			<view class="item-icon" @tap="enterpage('/pages/tjjyl/tjjyl')"> 
				<view class="img-wrap">
					<image style="width: 68rpx; height: 68rpx;"  src="/static/imgnew/jyl.png" />
				</view>
				<view class="desc">
					降雨量
				</view>
			</view>
			<!-- <view class="item-icon">
				<view class="img-wrap">
					<image style="width: 68rpx; height: 68rpx;"  src="/static/imgnew/jlns.png" />
				</view>
				<view class="desc">
					径流泥沙
				</view>
			</view> -->
			<view class="item-icon" @tap="enterpage('/pages/tjtrsf/tjtrsf')">
				<view class="img-wrap">
					<image style="width: 68rpx; height: 68rpx;"  src="/static/imgnew/trsf.png" />
				</view>
				<view class="desc">
					土壤水分
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	

	export default{
		data(){
			return {
				
			}
		},
		onLoad(){
			
		},
		methods: {
			
			
			
			enterpage(path){
				
				if(path){
					
					uni.navigateTo({
					    url: path
					});
				}else{
					uni.showToast({
					    title: '暂未开放',
					    duration:4000,
						icon:'none'
					});
				}
			}
			
		},

	}
</script>

<style lang='scss'>
	.item-icon{
		margin-bottom:30rpx;
	}
	.img-wrap{
		display:flex;
		align-items: center;
		
		justify-content: center;
	}
	.item-icon{
		width:25%;
		text-align: center;
	}
	.part-common{
		padding: 30rpx 0 10rpx 0;
		display:flex;
		align-items: center;
		background:#fff;
		flex-wrap: wrap;
	}
	.common-title{
		height:90rpx;
		font-size: 34rpx;
		display:flex;
		align-items: center;
		font-weight: bold;
		padding-left:60rpx;
		
	}
	page{
		background:#F5F9FF;
		height:100%;
	}
</style>
